@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#505050;font-family:"΢ÈíÑźÚ"}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢ÈíÑźÚ", SimSun, "ËÎÌå", STXihei, "»ªÎÄϸºÚ", Heiti, "ºÚÌå", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#505050;text-decoration:none;}
a:hover{color:#f38400;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}


.header{  position:relative;top:0; width:100%; background:#326699; height:45px; padding:0px 0;z-index:999;  transition:all 0.6s; }
.header.on{ position:fixed; background:#326699; height:45px;padding:0px 0; top:0; left:0;transition:all 0.6s;}

.top1{ background:#e9e9e9; line-height:40px; overflow:hidden}
.top1 p{ display:block; float:left;}
.top1 span { display:block; float:right}
.top1 span  a{ padding:0 5px}
.contain{ width:1200px; margin:0 auto}


.logo{ float:left}
.logo img{ height:110px; width:auto}
.tel{ float:right; margin-top:30px;}
.tel span{ display:block; background:url(tel.jpg) left center no-repeat; padding-left:30px; font-size:16px;}
.tel p{ display:block; font-size:25px; color:#f38300; font-weight:bold; line-height:40px}

/* mainbanner */
.mainbanner{height:500px;overflow:hidden; position:relative;}
.mainbanner_window{left:50%;width:2000px;height:500px;overflow:hidden;margin-left:-1000px;position:absolute;}
.mainbanner_window ul{width:999999px;height:500px;position:relative;}
.mainbanner_window li{background:rgb(204, 204, 204);width:2000px;height:500px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:450px;height:30px;position:absolute;transform:translate(-50%,0);}
.mainbanner_list li{width:18px;height:18px;overflow:hidden;float:left;display:inline;}
.mainbanner_list a{ background:#999;width:12px;height:12px;line-height:12px;overflow:hidden;text-align:center;color:#999;font-size:12px;font-weight:700;float:left;display:inline-block; border-radius:20px}
.mainbanner_list li.active a{ background:#f38400;text-decoration:none;color:#f38400;}
.mainbanner_list li a:hover{background:#f38400;text-decoration:none;color:#f38400;}


.pro{ width:1200px; margin:60px auto; overflow:hidden}
.bt1{ text-align:center; background: url(t1.jpg) center no-repeat; padding:20px 0; margin-bottom:50px;}
.bt1 h3{ font-size:35px; color:#494949}
.bt1 p{ font-size:14px; color:#757575}

.pro ul{ position:relative; width:1220px;}
.pro ul li{ float:left; border:#bcbcbc 1px solid; width:285px; box-sizing:border-box; margin-right:20px; margin-bottom:20px;}
.pro ul li i{ display:block; width:283px; height:210px; overflow:hidden}
.pro ul li i img{ width:283px; height:auto; min-height:210px; transition:all 0.6s}
.pro ul li:hover i img{ transform:scale(1.1,1.1); transition:all 1s}
.pro ul li p{ font-size:14px; line-height:40px; text-align:center}

.youshi{ background:url(bg1.jpg) bottom center no-repeat; padding-bottom:40px; overflow:hidden}
.youshi ul li{ float:left; text-align:center; width:300px;}
.youshi ul li i{ display:block; width:166px; height:166px; border-radius:100px; margin:0 auto; overflow:hidden}
.youshi ul li i img{ height:166px; width:auto; min-width:166px}

.youshi ul li h3{ color:#494949; font-size:20px; line-height:55px}
.youshi ul li p{ color:#7b7b7b; line-height:25px; font-size:14px;  display:block; height:50px; overflow:hidden}
.youshi ul li span{ display:block; background:url(line.png) center no-repeat; text-align:center; color:#9b9b9b; margin-top:10px; font-size:25px}



.case{ width:1200px; margin:30px auto}

#demo0 td{ width:388px; padding-right:18px; height:303px; margin-bottom:18px; position:relative}
#demo0 td i{ display:block; width:388px; height:303px; overflow:hidden}
#demo0 td i img{ width:388px; height:303px; transition:all 0.6s}
#demo0 td a:hover i img{transform:scale(1.1,1.1); transition:all 1s}
#demo0 td p{ display:block; position:absolute; background-color:rgba(0,0,0,0.7); bottom:0; width:388px; text-align:center; color:#fff; line-height:45px; font-size:16px; z-index:99}

#demo00{ margin-top:18px;}
#demo00 td{ width:388px; padding-right:18px; height:303px; margin-bottom:18px; position:relative}
#demo00 td i{ display:block; width:388px; height:303px; overflow:hidden}
#demo00 td i img{ width:388px; height:303px; transition:all 0.6s}
#demo00 td a:hover i img{transform:scale(1.1,1.1); transition:all 1s}
#demo00 td p{ display:block; position:absolute; background-color:rgba(0,0,0,0.7); bottom:0; width:388px; text-align:center; color:#fff; line-height:45px; font-size:16px; z-index:99}


  #demo { overflow:hidden;
                        background: #FFF;
                        overflow:hidden;
                        border: 1px dashed #CCC;
                        width: 940px;
                        }
                        #demo img {
                        border: 3px solid #F2F2F2;
                        }
                        #indemo {
                        float: left;
                        width: 800%;
                        }
                        #demo1 {
                        float: left;
                        }
                        #demo2 {
                        float: left;
                        }


.bt2{ background:url(line2.jpg) left bottom no-repeat; overflow:hidden; margin-bottom:20px;}
.bt2 h3{ display:block; float:left; font-size:25px; color:#494949; line-height:55px;}

.bt2  span{ float:right; line-height:55px; font-size:14px}

.about { width:785px; margin-bottom:20px;}
.about i{ display:block; float:left; width:326px; height:216px; overflow:hidden}
.about i img{ width:326px; height:auto; transition:all 0.6s}
.about i a:hover img{transform:scale(1.1,1.1); transition:all 1s}
.about p{ display:block; float:right; width:430px; height:216px; overflow:hidden; font-size:14px; line-height:25px;}


.shipin{ width:376px;}

.dongtai{ width:376px; margin-right:36px;margin-bottom:30px;}
.dongtai i{ display:block; width:376px; height:180px; margin-bottom:15px; overflow:hidden}
.dongtai i img{ width:376px; height:auto; transition:all 0.6s}
.dongtai i a:hover img{transform:scale(1.1,1.1); transition:all 1s}
.dongtai ul li{ overflow:hidden; background: url(biao.jpg) left center no-repeat; padding-left:15px; line-height:30px; font-size:14px;}
.dongtai ul li p{ display:block; float:left; width:290px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
.dongtai ul li span{ float:right; color:#999}

.changjian{ width:376px; margin-bottom:30px;}
.cjwt{ width:100%; height:380px; overflow:hidden;}
.swiper-containerwt{ width:100%; height:100%; overflow:hidden;}
.tw{ width:24px; height:24px; line-height:24px; color:#fff; background:#d2d2d2; text-align:center; margin-right:10px; float:left;}
.wttop{ font-size:14px; line-height:24px; color:#333; height:24px; overflow:hidden;}
.wtbottom{ margin-top:7px; font-size:12px; line-height:23px; color:#666; height:46px; overflow:hidden;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.hd{ width:24px; height:24px; line-height:24px; color:#fff; background:#282828; text-align:center; margin-right:10px; float:left;}
.content9{ padding:20px 0; background:#282828;}
.ct9{ font-size:16px; line-height:30px; color:#fff; margin-bottom:10px;}
.swiper-wrapper .swiper-slide{  text-align:left; margin-bottom:20px}
.swiper-wrapper .swiper-slide a{ line-height:30px; color:#272c84; font-size:14px;  text-align:left;  transition:all 0.8s;}
.swiper-wrapper .swiper-slide a:hover{ border-color:#fff;}


.foot{ background:#525252;  }
.foot1{ width:1200px; margin:0 auto; padding:30px 0; overflow:hidden}
.dlogo{ float:left}
.dlx{ float:left; color:#fff; font-size:14px; line-height:30px; border-left:#757575 1px solid;  margin-left:40px; padding-left:40px;}

.erweima{ float:right}
.erweima i{ display:block; float:left}
.erweima i img{ width:130px; height:auto}
.erweima p{ display:block; float:left; color:#fff; font-size:14px; padding-left:15px; padding-top:40px}

.foot2{ width:1200px; margin:0 auto;border-top:#757575 1px solid; color:#fff; font-size:14px; line-height:30px; padding:15px 0; text-align:center }

.nmain{ width:1200px; margin:30px auto;}
.nlf{ float:left; width:300px;}
.fenlei{ margin-bottom:20px;}
.fenlei h3{ display:block; text-align:center; background:#326699; padding:10px 0; color:#fff; font-size:23px; font-weight:normal; text-align:left; padding-left:20px; padding-top:20px;}
.fenlei h3 em{ display:block; font-style:normal; font-size:12px; line-height:30px}
.fenlei ul{ background:#f4f4f4; padding: 10px 25px; padding-bottom:20px;}
.fenlei ul li{ line-height:40px; font-size:14px; border-bottom:#dedede 1px solid; background:url(jt.png) 225px 0 no-repeat; transition:all 0.6s}
.fenlei ul li a{ display:block; }
.fenlei ul li:hover {  background:url(jt.png) 225px -40px no-repeat;transition:all 0.6s}


.contact h3{ display:block; text-align:center; background:#326699; padding:10px 0; color:#fff; font-size:23px; font-weight:normal; text-align:left; padding-left:20px;}
.contact h3 em{ display:block; font-style:normal; font-size:12px; line-height:30px}

.contact p{ display:block; border:#e6e6e6 1px solid; padding:15px; line-height:25px; box-sizing:border-box}
.contact img{ max-width:270px; height:auto; padding-bottom:10px}

.nrt{ float:right; width:870px;}
.weizhi{ border-bottom:#e6e6e6 1px solid;  margin-bottom:20px; overflow:hidden}
.weizhi h3{ display:block; float:left; border-bottom:#f38400 5px solid; position:relative; bottom:-2px; line-height:50px;font-size:20px; padding:0 10px}
.weizhi span{ float:right; color:#999; display:block; background: url(home.jpg) left center no-repeat; padding-left:25px; background-size:20px auto; margin-top:20px}

.weizhi2{ border-bottom:#e6e6e6 1px solid;  margin-bottom:20px; overflow:hidden;background: url(home.jpg) left center no-repeat; padding-left:25px; line-height:40px;background-size:20px auto}


.tuwen{ font-size:14px; line-height:30px}
.tuwen i img{ float:right; width:400px; height:auto; padding-left:15px}


.xwlb{ width:870px; margin:0px auto;}
.xwlb ul li { border-bottom:#e6e6e6 1px solid; padding-bottom:20px; margin-bottom:20px; position:relative; overflow:hidden }
.xwlb ul li i{ display:block; float:left; width:260px; height:150px; overflow:hidden}
.xwlb ul li i img{ height:150px;width:260px;transition:all 0.6s}
.xwlb ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.xwlb ul li .xwzi{ float:left; width:560px; padding-left:50px}
.xwlb ul li .xwzi h3 a{ font-size:16px; color:#323232; display:block; width:100%; text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; line-height:55px}
.xwlb ul li .xwzi h3 a:hover{ color:#e60012}
.xwlb ul li .xwzi p{ font-size:14px; line-height:25px; display:block; height:50px; color:#666; margin-bottom:20px; overflow:hidden}
.xwlb ul li .xwzi span{ color:#999; display:block;  background:url(date.jpg) left center no-repeat; padding-left:20px;}
.xwlb ul li .date p{ text-align:right; padding-top:30px;}
.xwlb ul li .date span a{ display:block; background:#7f7f7f; width:75px; height:25px; margin-top:20px; float:right; text-align:center;  color:#fff; line-height:25px;}
.xwlb ul li .date span a:hover{ background:#fe0102}



.pro2 ul{ position:relative; width:895px;}
.pro2 ul li{ float:left; border:#bcbcbc 1px solid; width:272px; box-sizing:border-box; margin-right:25px; margin-bottom:20px;}
.pro2 ul li i{ display:block; width:270px; height:200px; overflow:hidden}
.pro2 ul li i img{ width:270px; height:auto; min-height:200px; transition:all 0.6s}
.pro2 ul li:hover i img{ transform:scale(1.1,1.1); transition:all 1s}
.pro2 ul li p{ font-size:14px; line-height:40px; text-align:center}


.nm{ background:#f4f4f4; overflow:hidden}
.dtail{ background:#fff; width:1150px; margin:40px auto; padding:25px; overflow:hidden}

.dapic{ float:left; width:400px;}
.dapic img{ width:400px; height:auto}
.js1{ float:right; width:720px}
.js1 h3{ font-size:23px; color:#326699; line-height:45px}
.js1 p{ line-height:25px; font-size:14px}

.js2{ font-size:14px; line-height:25px;}
.js2 h3{ display:block; border-left:#f38300 5px solid; margin:15px 0; font-size:16px; padding-left:10px}

.anli{ width:870px; margin:0px auto; overflow:hidden}
.anli ul { position:relative; width:895px;}
.anli ul li{ float:left; width:272px; margin-right:25px; height:202px; margin-bottom:25px; position:relative}
.anli ul li i{ display:block; width:272px; height:202px; overflow:hidden}
.anli ul li i img{ width:272px; height:202px; transition:all 0.6s}
.anli ul li:hover i img{transform:scale(1.1,1.1); transition:all 1s}
.anli ul li p{ display:block; position:absolute; background-color:rgba(0,0,0,0.7); bottom:0; width:272px; text-align:center; color:#fff; line-height:45px; font-size:14px; z-index:99}

.shipin2 ul{ position:relative; width:900px}
.shipin2 ul li{ float:left; text-align:center; width:420px; margin-right:30px; position:relative}
.shipin2 ul li p{ font-size:14px; line-height:45px}
.shipin2 ul li i{ display:block; width:420px; height:287px; overflow:hidden}
.shipin2 ul li i img{ width:420px; height:auto; min-height:287px}
.shipin2 ul li em{ display:block; position:absolute; width:72px; height:72px; background-color:rgba(0,0,0,0.6); border-radius:100px;left:174px; top:104px}
.shipin2 ul li:hover em{ background:#326699}

.xiangqing{  line-height:30px; font-size:14px; color:#666; }
.xiangqing .xqbt{ text-align:center;  padding-bottom:15px; margin-bottom:20px; border-bottom:#d4d4d4 1px dashed}
.xiangqing .xqbt h3{ line-height:55px; font-size:23px; color:#000}
.xqnr{ line-height:25px; font-size:14px; }
.xiangqing img{ max-width:1100px; height:auto}
.tiao{ border-top:#dbdbdb 1px solid;  margin-top:30px; overflow:hidden}
.tiao p{line-height:50px; padding-top:20px;}




.wenku ul li{ border-bottom:#a9a9a9 1px dashed; background: url(../images/biao.jpg) left center no-repeat; padding-left:10px; line-height:40px; font-size:14px; overflow:hidden}
.wenku ul li p{ display:block; float:left; width:70%;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap;}
.wenku ul li span{ float:right; color:#999}
.wenku ul li a{ color:#666}
.wenku ul li a:hover{ color:#f29118}

.lianxi{ color:#666  }
.lianxi ul li{ float:left; width:22%; margin:1.5%; text-align:center}
.lianxi ul li i{ display:block; text-align:center; margin:0 auto;  width:50px; height:40px;padding-top:10px; border:#326699 1px solid; border-radius:50px;}
.lianxi ul li h1{ font-size:14px; font-weight:bold; line-height:35px; color:#326699}
.lianxi ul li p{ font-size:14px}

.ditu{ max-width:inherit; margin-top:30px}




.xqbg ul li{ margin:10px 0; position:relative; width:100%; line-height:35px; color:#666; overflow:hidden}
.xqbg ul li em{ display:block; font-style:normal; font-size:14px; width:80px; text-align:right; padding-right:20px;  float:left}
.xqbg ul li p{ display:block; float:left;}
.bd1{ background:#fff; border:#d9d9d9 1px solid; border-radius:5px; width:400px; line-height:35px; height:35px; outline:none; padding-left:10px;}
.bd3{ display:block; max-width:480px; background:#fff; border:#d9d9d9 1px solid; border-radius:5px; width:100%; line-height:35px; height:35px; outline:none; padding-left:10px;}
.bd2{ background:#fff; border:#d9d9d9 1px solid; border-radius:5px; width:600px; line-height:35px; height:105px; outline:none; padding-left:10px;}

.btn2{ display:block; background:#f38400; width:200px; line-height:45px; color:#fff; border:0; border-radius:10px; margin-left:100px; font-size:14px; cursor:pointer}
.btn2:hover{ background:#feb900}